<template>
  <div class="ping_item">
    <div class="p_bg">
      <p>4740<span>个</span></p>
    </div>
    <p class="tCenter">目录资源总数</p>
  </div>
</template>

<script>
export default {
    data() {
      return {

      }
    }
}
</script>

<style lang="less" scoped>
.ping_item{
  width: 147px;
}
.ping_item .p_bg{
  width: 147px;
  height: 101px;
  background:url(~@/assets/images/count/count4/ping_bg.png)no-repeat center;
  text-align: center;
  margin-bottom: 6px;
}
.ping_item .p_bg p{
  line-height: 101px;
  background: linear-gradient(0deg, #F9E468 0%, #F7BF29 92.48046875%);
  font-family: Bahnschrift;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  font-size: 30px;
  font-weight: bold;
}
.ping_item .p_bg p>span{
  font-size: 16px;
}
</style>